<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />

  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>悦听player</title>
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <div class="wrap">
    <!-- 播放器主体区域 -->
    <div class="play_wrap" id="player">
      <div class="search_bar">
        <img src="images/player_title.png" alt="" />
        <!-- 搜索歌曲 -->
        <input type="text" id="ipt" placeholder="请输入歌曲或歌手"/>
      </div>
      <div class="center_con">
        <!-- 搜索歌曲列表 -->
        <div class='song_wrapper'>
          <ul class="song_list">
            <li><a href="#"></a>丑八怪</li>
            <li><a href="#"></a>丑八怪</li>

          </ul>
          <img src="images/line.png" class="switch_btn" alt="">
        </div>
        <!-- 歌曲信息-->
        <div class="player_con">
          <!-- 黑胶碟片 -->
          <img src="images/disc.png" class="disc autoRotate" />
          
        </div>
        <!-- 评论 -->
        <div class="comment_wrapper">
          <h5 class='title'>热门留言</h5>
          <div class='comment_list'>
            <dl>
              <dd class="name">薛之谦：</dd>
              <dd class="detail">
                其实我挺喜欢李克勤的声线的，感觉他声音迷之像张国荣
                李克勤唱感觉像在骂人丑，薛之谦唱感觉像在自嘲。
                请你不要在别人的歌里，去说另一个歌手。这对这个歌手很不尊重。谢谢
                零瑕疵 高清亮 不是白给的啊
                与薛之谦原版完全不一样的演绎。 原版是戏谑和反讽的，玩世不恭的味道。 克勤演绎的版本却把歌者人设改为了“钟楼怪人”，变成了一个相貌丑陋者的申诉和渴望，所以加进“我很丑可是我很温柔”便也顺理成章了 。
                听了这么多便才理顺这个改编的意图，都怪播出之前单曲循环了太多次原版。。
              </dd>
            </dl>
          </div>
          <img src="images/line.png" class="right_line">
        </div>
      </div>
      <div class="audio_con">
        <!-- loop 单曲循环 -->
        <audio controls autoplay  class="myaudio"></audio>
      </div>
    </div>
  </div>

</body>
<script src="./jquery-3.5.1.min.js"></script>
<script src="./js/index.js"></script>

</html>
<script>

</script>